<template>
    <ModalCard action @submit="emits('submit')">
        <div style="padding: 25rem 36rem 20rem">
            <div style="font-size: 20rem">{{ props.title }}</div>
            <div class="content">
                <slot></slot>
            </div>
        </div>
    </ModalCard>
</template>

<script setup lang="ts">
import ModalCard from '@/components/ModalCardOnlySure.vue'

const emits = defineEmits(['close', 'submit'])
const props = defineProps({
    title: { type: String, default: () => null }
})
</script>

<style scoped lang="scss">
.content {
    background: #ebeceb;
    margin-top: 15rem;
    padding: 20rem;
}
</style>